<div class="goods-add">
  <!-- 步骤条 -->
  <el-steps :active="active" finish-status="success">
    <el-step title="步骤 1" description="基本信息"></el-step>
    <el-step title="步骤 2" description="商品图片"></el-step>
    <el-step title="步骤 3" description="商品内容"></el-step>
  </el-steps>
  <!-- <el-button style="margin-top: 12px;" @click="next">下一步</el-button> -->
  <!-- 选项卡 -->
  <el-tabs tab-position="left" v-model="activeName">
    <el-tab-pane label="基本信息" name='info'>
      <!-- 表单 -->
      <el-form :model="goodsAddForm" label-width="80px">
        <el-form-item label="商品名称">
          <el-input v-model="goodsAddForm.goods_name"></el-input>
        </el-form-item>
        <el-form-item label="商品价格">
          <el-input v-model="goodsAddForm.goods_price"></el-input>
        </el-form-item>
        <el-form-item label="商品重量">
          <el-input v-model="goodsAddForm.goods_weight"></el-input>
        </el-form-item>
        <el-form-item label="商品数量">
          <el-input v-model="goodsAddForm.goods_number"></el-input>
        </el-form-item>
        <el-form-item label="商品分类">
          <!-- goodsAddForm.goods_cat -->
          <div class="block">
            <span class="demonstration"></span>
            <el-cascader
              :options="options"
              v-model="selectedOptions">
            </el-cascader>
          </div>
        </el-form-item>
        <el-form-item label="是否促销">
          <!-- goodsAddForm.is_promote -->
        </el-form-item>
      </el-form>

      <el-button type='primary' style="margin-top: 12px;" @click="next(1, 'info')">下一步</el-button>
    </el-tab-pane>

    <el-tab-pane label="商品图片" name='pics'>
      <el-button type='primary' style="margin-top: 12px;" @click="next(2, 'pics')">下一步</el-button>
    </el-tab-pane>

    <el-tab-pane label="商品内容" name='content'>
      <el-button type='primary' style="margin-top: 12px;">确认</el-button>
    </el-tab-pane>
  </el-tabs>
</div>
